<!--
	Icons: 
	Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.
-->
<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>Contagion</title>
</head>

<body style="user-select:none;">
	<div id="title"
		style="left:620px;top:500px;width:330px;height:100px;border-radius:20px;border:2px solid #000;background-image:url(__TITLE_IMAGE__);background-size: cover;">
	</div>
	<div id="card"
		style="left:200px;top:100px;width:360px;height:500px;border-radius:20px;border:2px solid #000;background-image:url(__CARD_IMAGE__);background-size: cover;">
	</div>

	<div id="tokenR" style="left:50px;top:489px;width:40px;height:40px;border-radius:2.5px;background-color:#AF6D69;">
	</div>
	<div id="tokenG" style="left:100px;top:489px;width:40px;height:40px;border-radius:2.5px;background-color:#4A9845;">
	</div>
	<div id="tokenB" style="left:150px;top:489px;width:40px;height:40px;border-radius:2.5px;background-color:#668EB0;">
	</div>

	<div id="meeple" style="left:457px;top:420px;">
		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="50" height="50"
			fill="#D2D2D2">__MEEPLE_PATH__</svg>
	</div>

	<div id="diceTime" style="left:566px;top:552px;" dice="6">
		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="35" height="35" fill="#AAA"
			style="transform:matrix(0,1,1,0,0,0);">__DICE_PATH__</svg>
	</div>
	<div id="dicePlayer" style="left:600px;top:320px;" dice="6">
		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="50" height="50" fill="#000"
			style="transform:matrix(0,1,1,0,0,0);">__DICE_PATH__</svg>
	</div>
	<div id="diceR" style="left:258px;top:50px;" dice="6">
		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="50" height="50" fill="#AF6D69"
			style="transform:matrix(0,1,1,0,0,0);">__DICE_PATH__</svg>
	</div>
	<div id="diceG" style="left:360px;top:50px;" dice="6">
		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="50" height="50" fill="#4A9845"
			style="transform:matrix(0,1,1,0,0,0);">__DICE_PATH__</svg>
	</div>
	<div id="diceB" style="left:462px;top:50px;" dice="6">
		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="50" height="50" fill="#668EB0"
			style="transform:matrix(0,1,1,0,0,0);">__DICE_PATH__</svg>
	</div>
	<div id="diceVaccineR" style="left:258px;top:605px;" dice="6">
		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="50" height="50" fill="#AF6D69"
			style="transform:matrix(0,1,1,0,0,0);">__DICE_PATH__</svg>
	</div>
	<div id="diceVaccineG" style="left:360px;top:605px;" dice="6">
		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="50" height="50" fill="#4A9845"
			style="transform:matrix(0,1,1,0,0,0);">__DICE_PATH__</svg>
	</div>
	<div id="diceVaccineB" style="left:462px;top:605px;" dice="6">
		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="50" height="50" fill="#668EB0"
			style="transform:matrix(0,1,1,0,0,0);">__DICE_PATH__</svg>
	</div>

	<div
		style="left:660px;top:50px;border-radius:10px;padding:10px;border:2px solid #000;background-color:#FFF;color:#000;">
		<div style="border-radius:5px;padding:5px;background-color:#445;color:#FFF;" onclick="setup()">初始化盘面</div>
		<table>
			<tr>
				<td onclick="setVaccine('R',1)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="50"
						height="50" fill="#AF6D69" style="transform:matrix(0,1,1,0,0,0);">__DICE1_PATH__</svg></td>
				<td onclick="setVaccine('G',1)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="50"
						height="50" fill="#4A9845" style="transform:matrix(0,1,1,0,0,0);">__DICE1_PATH__</svg></td>
				<td onclick="setVaccine('B',1)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="50"
						height="50" fill="#668EB0" style="transform:matrix(0,1,1,0,0,0);">__DICE1_PATH__</svg></td>
			</tr>
			<tr>
				<td onclick="setVaccine('R',2)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="50"
						height="50" fill="#AF6D69" style="transform:matrix(0,1,1,0,0,0);">__DICE2_PATH__</svg></td>
				<td onclick="setVaccine('G',2)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="50"
						height="50" fill="#4A9845" style="transform:matrix(0,1,1,0,0,0);">__DICE2_PATH__</svg></td>
				<td onclick="setVaccine('B',2)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="50"
						height="50" fill="#668EB0" style="transform:matrix(0,1,1,0,0,0);">__DICE2_PATH__</svg></td>
			</tr>
			<tr>
				<td onclick="setVaccine('R',3)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="50"
						height="50" fill="#AF6D69" style="transform:matrix(0,1,1,0,0,0);">__DICE3_PATH__</svg></td>
				<td onclick="setVaccine('G',3)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="50"
						height="50" fill="#4A9845" style="transform:matrix(0,1,1,0,0,0);">__DICE3_PATH__</svg></td>
				<td onclick="setVaccine('B',3)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="50"
						height="50" fill="#668EB0" style="transform:matrix(0,1,1,0,0,0);">__DICE3_PATH__</svg></td>
			</tr>
			<tr>
				<td onclick="setVaccine('R',4)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="50"
						height="50" fill="#AF6D69" style="transform:matrix(0,1,1,0,0,0);">__DICE4_PATH__</svg></td>
				<td onclick="setVaccine('G',4)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="50"
						height="50" fill="#4A9845" style="transform:matrix(0,1,1,0,0,0);">__DICE4_PATH__</svg></td>
				<td onclick="setVaccine('B',4)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="50"
						height="50" fill="#668EB0" style="transform:matrix(0,1,1,0,0,0);">__DICE4_PATH__</svg></td>
			</tr>
			<tr>
				<td onclick="setVaccine('R',5)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="50"
						height="50" fill="#AF6D69" style="transform:matrix(0,1,1,0,0,0);">__DICE5_PATH__</svg></td>
				<td onclick="setVaccine('G',5)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="50"
						height="50" fill="#4A9845" style="transform:matrix(0,1,1,0,0,0);">__DICE5_PATH__</svg></td>
				<td onclick="setVaccine('B',5)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="50"
						height="50" fill="#668EB0" style="transform:matrix(0,1,1,0,0,0);">__DICE5_PATH__</svg></td>
			</tr>
			<tr>
				<td onclick="setVaccine('R',6)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="50"
						height="50" fill="#AF6D69" style="transform:matrix(0,1,1,0,0,0);">__DICE6_PATH__</svg></td>
				<td onclick="setVaccine('G',6)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="50"
						height="50" fill="#4A9845" style="transform:matrix(0,1,1,0,0,0);">__DICE6_PATH__</svg></td>
				<td onclick="setVaccine('B',6)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="50"
						height="50" fill="#668EB0" style="transform:matrix(0,1,1,0,0,0);">__DICE6_PATH__</svg></td>
			</tr>
		</table>
	</div>
</body>
<script>__PIECES_SCRIPT__</script>
<script>__PIECES_SETUP_SCRIPT__</script>

</html>